免费一看一级欧美-免费一区二区三区免费视频-免费伊人-免费影片-99精品网-99精品小视频

       1、培訓過程中，如有部分內容理解不透或消化不好，可免費在以后培訓班中重聽；
       2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。
       3、培訓合格學員可享受免費推薦就業機會?！詈细駥W員免費頒發相關工程師等資格證書，提升職業資質。專注高端技術培訓15年，端海學員的能力得到大家的認同，受到用人單位的廣泛贊譽，端海的證書受到廣泛認可。

• 培訓目標：
  了解HTML5的規范整體
  了解標簽語言
  了解如何使用表單
  HTML5音頻和視頻播放
  HTML5 APIs概述
  采用HTML5 Canvas而不是SVG動態產生渲染圖形
  使用HTML5 通訊APIs
  HTML5 Web Sockets
  HTML5 Web Workers
  HTML5 Geolocation
  HTML5存儲
  CSS3.0控制原理與應用
  JQuery Mobile
  培訓內容：
  HTML5 概述 HTML的發展史
  HTML5的版本
  WHATWG and W3C 規范
  HTML5的新特性
  HTML5能做什么
  HTML5能做什么對HTML5和CSS3的支持
  檢測瀏覽器對HTML 5的支持
  HTML5 標簽語言
  HTML5頁面結構
  HTML5 DOCTYPE
  根元素
  字符編碼
  HTML5新增的語義元素
  （1）<header>
  （2）<nav>
  （3）<article>
  （4）<footer>
  （5）<section>
  （6）<aside>
  其他新增的元素
  （1）<time>
  （2）<mark>
  （3）<figure>和<figcaption>
  （4）<progress>
  （5）<meter>
  （6）<details>和<summay>
  驗證HTML5頁面及顯示頁面大綱
  驗證HTML5頁面及顯示頁面大綱
  HTML5表單 HTML 4的困惑
  HTML 5新增的輸入組件
  （1）email 郵件輸入組件
  （2）url 網址輸入組件
  （3）number 數字輸入組件
  （4）range 范圍輸入組件
  （5）Date pickers (date, month, week, time, datetime, datetime-local) 日期系列輸入組件
  （6）search 搜索輸入組件
  （7）color 顏色輸入組件
  （8）tel 電話輸入組件
  HTML 5新增的輸入屬性
  （1） autocomplete
  （2） autofocus
  （3） form
  （4） form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
  （5） height 和 width
  （6） list
  （7） min, max 和 step
  （8） multiple
  （9） pattern
  （10） placeholder
  （11） required
  測試瀏覽器對HTML5表單元素的支持
  HTML5的表單驗證
  （1） 定制驗證錯誤消息
  （2） 定制驗證顯示方式
  （3） 取消驗證
  HTML5 音頻和視頻播放
  video元素及其屬性　
  視頻編解碼器　
  視頻轉換工具
  各種瀏覽器支持些什么格式　
  舊瀏覽器的過渡解決方案　
  視頻與腳本--簡單的視頻播放器
  音頻　
  采用HTML5 Canvas繪制圖形
  <canvas>元素
  檢查瀏覽器的支持情況
  基本圖形繪制
  （1） 畫線
  （2） 矩形
  （3） 曲線
  路徑
  變換
  （1） 平移
  （2） 縮放
  （3） 旋轉
  漸變
  （1） 線性漸變
  （2） 徑向漸變
  繪制文本
  繪制圖像
  使用HTML5 通訊APIs
  跨文檔消息通信
  源安全
  檢測瀏覽器對postMessage的支持
  XMLHttpRequest Level2
  XMLHttpRequest Level2新增事件
  檢測瀏覽器對XMLHttpRequest2的支持
  跨域訪問注意事項
  HTML5 Web Sockets HTTP特點
  如何實現實時（real-time）通訊
  WebSocket特性
  WebSocket與輪詢方式的比較
  Web Socket建立方法
  WebSocket 的事件
  WebSocket的屬性
  漸進增強和降級處理
  HTML5 Web Workers Web Workers介紹
  Multi-core processor architecture
  Web Worker communication
  使用 Web Workers APIs
  案例應用實踐，練習指導
  地理定位 地理定位介紹
  在瀏覽器中使用地理定位
  定位的技術背景
  openstreetmap上顯示當前位置　
  使用googlemaps追蹤位置　
  案例應用實踐，練習指導
  HTML5存儲 為什么需要本地存儲
  本地存儲的限制
  Web存儲的兩種類型
  判斷瀏覽器是否支持WebStorage
  存取信息
  storage事件
  Web SQL
  IndexedDB
  CSS3講解 CSS3概述
  半透明效果
  CSS3屬性選擇器
  邊框樣式
  （1） border-radius：圓角邊框
  （2） border-image：圖片邊框
  （3） box-shadow：為邊框添加陰影
  文本樣式
  （1） Text-shadow：文本陰影樣式
  （2） Text-overflow：文本溢出樣式
  背景色漸變
  （1） Linear-gradient：線性漸變函數
  （2） Radial-gradient：徑向漸變函數
  （3） 在線生成漸變效果
  元素變形
  （1） transform : rotate（旋轉變形）
  （2） transform：scale（縮放變形）
  （3） transform：translate（位移變形）
  （4） transform：skew（傾斜變形）
  效果過渡
  （1） transition-property ： 參與過渡效果的樣式
  （2） transition-duration： 過渡效果的持續時間
  （3） transition-delay： 產生過渡效果前的等待時間
  （4） transition-timing-function： 過渡效果控制
  jQuery Mobile jQuery Mobile設計的技術思考和商業思考
  jQuery Mobile入門初體驗；
  使用頁眉、工具欄和標簽欄；
  jQuery Mobile中的表單和按鈕；
  jQuery Mobile中的列表；
  jQuery Mobile和CSS結合；
  jQuery Mobile主題；
  jQuery Mobile的API;
  和服務器集成；
  jQuery Mobile和HTML5開發框架PhoneGap結合